Implementação do sistema descritas por meio dos requisitos funcionais e/ou não funcionais. Deve relacionar os requisitos atendidos os artefatos criados (código fonte) além das estruturas de dados utilizadas e as instruções para acesso e verificação da implementação que deve estar funcional no ambiente de hospedagem.
- RF-001 - Deverá ter abas de jogos separadas por matéria
- RF-002 - Deverá ter abas de jogos separadas por dificuldade
Para atender ao requisito RF-001 foi desenvolvido a página Inicial com a seguinte estrutura:
Dentro da div de classe caixas encontra-se uma ul com seis tags li de class texto presentes no ínicio da página inicial que interligam-se às referidas matériais
Para atender ao requisito RF-002 foi desenvolvido na página Inicial a seguinte estrutura:
Dentro da div de classe materias encontra-se o título da matéria dentro da tag h1 de classe ilustracaojogos e seis div de classe caixadejogo com os jogos da matéria em questão e o comando href dentro de uma âncora a redirecionando para o site que o jogo é encontrado. Logo após, a tag img incrementando a imagem do jogo.
- RF-003 - Permitir cadastro do usuário
Para atender ao requisito RF-003 foi desenvolvido a página de Cadastro.
Ao clicar em Cadastre-se disponível na tela de Login, o usuário será redirecionado para a tela de Cadastro.
Será exibido três campos, Nickname/Senha/Confirmar senha, do tipo input text com id nome, input password com id senha e input password com id confsenha que receberão os valores digitados pelo usuário para fazer o cadastro no site. O button do tipo submit e de classe cadastre é para o usuário concluir o cadastro no site. Logo após concluir o cadastro, poderá retornar à página de login através do comando href dentro de uma âncora p de classe cad "Faça Login" ou clicando em Login disponível na Navbar do perfil.
Os dados são registrados no localStorage do navegador de acordo com a estrutura de dados encontrada em src/js/cadastro.js, como mostra a seguir:
- RF-004 - Permitir login do usuário
Para atender ao requisito RF-004 foi desenvolvido a página de Login.
Ao clicar em Login disponível na Navbar do perfil deslogado, o usuário será redirecionado para a tela de Login.
Será exibido dois campos, Nickname/Senha, do tipo input text com id nome e input password com id senha que receberão os valores digitados pelo usuário para fazer o login no site. O button do tipo reset e de classe logue é para o usuário entrar no site logo após concluir o login. Caso ele esqueça a senha, através do comando href dentro de uma âncora p de classe loginrec será redirecionado para a página de recuperação de senha e caso precise fazer cadastro , através do mesmo comando e âncora , mas de classe cad, será redirecionado para a página de cadastro.
Os dados são registrados no localStorage do navegador de acordo com a estrutura de dados encontrada em src/js/login.js, como mostra a seguir:
- RF-005 - Permitir o usuário recuperar a senha
Para atender ao requisito RF-005 foi desenvolvido a página de Recuperação de Senha.
Ao clicar em Esqueceu a senha? disponível na tela de Login, o usuário será redirecionado para a tela de Recuperação de senha.
Será exibido dois campos, Nickname/Nova senha, do tipo input text com id nome e input password com id senha que receberão os valores digitados pelo usuário para fazer a alteração da senha. O button do tipo submit com classe alterar é para o usuário confirmar a alteração e poder retornar a página de login e ter acesso novamente ao site.
Os dados são registrados e recuperados no localStorage do navegador de acordo com a estrutura de dados encontrada em src/js/recuperaçãodesenha.js, como mostra a seguir:
- RF-006 - Permitir a visualização do nome de usuário na página logada
Para atender ao requisito RF-006 foi desenvolvido a navbar com a seguinte estrutura:
Os dados são recuperados no localStorage do navegador de acordo com a estrutura de dados encontrada em src/js/página-iniciallogada.js, como mostra a seguir:
O logout é feito a partir da estrutura encontrada em src/js/página-iniciallogada.js, como mostra a seguir:
